<template>
  <div class="card-list" id="homeIndex">
    <router-link :to="{ name: 'ArticleIndex', params: {id: 1} }">
      <mu-card class="card">
        <mu-card-header class="card-header" title="2017-10-30"></mu-card-header>
        <mu-card-title title="腾讯AlloyTeam前端大会AC2017" />
        <mu-card-text>
          腾讯AlloyTeam前端大会AC2017介绍 本次大会干货比较多，内容值得每一个前端er好好吸收（后面有大会的PPT资料） 开场舞蹈腾讯专属舞团SOS女子组合舞蹈表演 腾讯专属舞团SOS女子组合舞蹈 ...
        </mu-card-text>
        <mu-card-actions>
          <mu-raised-button label="AlloyTeam" primary />
          <mu-raised-button label="分享" secondary />
          <mu-raised-button label="前端" backgroundColor="#A4C639" />
          <mu-raised-button label="附件" backgroundColor="#FF9800" />
        </mu-card-actions>
      </mu-card>
    </router-link>
    <mu-card class="card">
      <mu-card-header title="2017-09-10" titleClass="card-header"></mu-card-header>
      <mu-card-title title="JS中的属性描述对象" />
      <mu-card-text>
        JavaScript中的属性描述对象概述JavaScript提供了一个内部数据结构，用来描述一个对象的属性的行为，控制它的行为。这被称为“属性描述对象”（attributes object）。每个属性都有自己对应的属性描述对象，保存该属性的一些元信息。 下面是属性描述对象的一个实例。 { value: 123, writable: false, enumerable: true, ...
      </mu-card-text>
      <mu-card-actions>
        <mu-raised-button label="Descriptor" primary />
        <mu-raised-button label="JS" secondary />
      </mu-card-actions>
    </mu-card>
    <mu-card class="card">
      <mu-card-header title="2017-08-19" titleClass="card-header"></mu-card-header>
      <mu-card-title title="Web安全之CSRF" />
      <mu-card-text>
        Web安全之CSRF什么是CSRF   跨站请求伪造（英语：Cross-site request forgery），也被称为 one-click attack 或者 session riding，通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。跟跨网站脚本（XSS）相比，XSS 利用的是用户对指定网站的信任，...
      </mu-card-text>
      <mu-card-actions>
        <mu-raised-button label="CSRF" backgroundColor="#2196f3" />
        <mu-raised-button label="Web安全" secondary />
        <mu-raised-button label="XSS" backgroundColor="#A4C639" />
      </mu-card-actions>
    </mu-card>
  </div>
</template>
<script>
export default {
  name: "homeIndex",
  data: () => ({

  })
}
</script>
<style lang="scss" scoped>
@import '../../assets/default.scss';
.card-list {
  .card {
    width: 1000px;
    margin: 10px auto;
    .card-header {

    }
  }
}
</style>
